<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>人工交易-票据发布-待交易</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="${ctx}/css/iconfont/iconfont.css" rel="stylesheet">
    <link href="${ctx}/css/reset.css" rel="stylesheet">
    <link href="${ctx}/css/ArtificialTrading.css" rel="stylesheet">
    <script src="${ctx}/js/jquery.js"></script>
    <script src="${ctx}/js/distpicker.data.js"></script>
    <script src="${ctx}/js/main.js"></script>
</head>
<body>
<div class="artificial-content">
    <div class="main1">
        <div class="bargainOffer">
            <div class="clearfix">
                <div class="Part-One">
                    <form action="" style="font-size:0px">
                        <div class="clearfix producttype">
                            <p class="fl font2 l"> 产品类型：</p>
                            <div class="fl inbtn">
                                <input type="button" value="银承纸票" class="button">
                                <input type="button" value="银承电票" class="button">
                                <input type="button" value="商承纸票" class="button">
                            </div>
                            <div class="acceptor">
                                <p class="fl font2 l"> 承兑人类型：</p>
                                <div class="fl inbtn">
                                    <input type="button" value="政策银行" class="button">
                                    <input type="button" value="国有大行" class="button">
                                    <input type="button" value="股份制行" class="button">
                                    <input type="button" value="省级城商" class="button">
                                    <input type="button" value="省级农商" class="button">
                                    <input type="button" value="外资银行" class="button">
                                    <input type="button" value="地市城商" class="button">
                                    <input type="button" value="地市农商" class="button">
                                    <input type="button" value="村镇农信" class="button">
                                </div>
                            </div>
                        </div>
                        <div class="clearfix bill">
                            <p class="fl font2 l"> 交易类型：</p>
                            <div class="fl inbtn">
                                <input type="button" value="询价买入" class="button">
                                <input type="button" value="询价卖出" class="button">
                                <input type="button" value="指定买入" class="button">
                                <input type="button" value="指定卖出" class="button">
                                <input type="button" value="报价买入" class="button">
                                <input type="button" value="报价卖出" class="button">
                                <input type="button" value="被指定买入" class="button">
                                <input type="button" value="被指定卖出" class="button">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="Part-Two">
                    <table>
                        <thead>
                        <tr>
                            <th>编号</th>
                            <th>产品类型</th>
                            <th>交易类型</th>
                            <th>贴现率(%)</th>
                            <th>票据期限(天)</th>
                            <th>承兑人</th>
                            <th>票源地址</th>
                            <th>交易状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${lists}" var="wait_deal">
                            <tr>
                                <td class="font3">${wait_deal.positiveNumber}</td>
                                <td class="font3" >${wait_deal.positiveType}</td>
                                <td class="font4">${wait_deal.transactionType}</td>
                                <td class="font4">3</td>
                                <td class="font4">${wait_deal.positiveTime}</td>
                                <td class="font4">${wait_deal.acceptor}</td>
                                <td class="font3">${wait_deal.positiveAddress}</td>
                                <td class="font3 state0">${wait_deal.state}</td>
                                    <%--<td class="font3"><b class="audit3">${wait_deal.tranState}</b></td>--%>
                                <td class="font3 specifics">详情</td>
                            </tr>
                        </c:forEach>

                        <tr>
                            <td class="font3">1</td>
                            <td class="font3">银承纸票</td>
                            <td class="font5">询价买入</td>
                            <td class="font5">3.5</td>
                            <td class="font5">30</td>
                            <td class="font5">股份制行</td>
                            <td class="font3">北京</td>
                            <td class="font3">待交易</td>
                            <td class="font3 specifics">详情</td>
                        </tr>



                        </tbody>
                    </table>
                    <div class="paging-area">
                        <input type="button" value="上一页">
                        <span class="page-now">当前第<span class="page-num">2</span>页</span>
                        <span class="page-total">共<span class="page-num">10</span>页</span>
                        <input type="button" value="下一页">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--详情弹窗-->

<div class="particulars">
    <p class="back">&times;</p>
    <p class="title">详情信息</p>
    <div class="content clearfix">
        <ul class="fl">
            <li>
                <span>票号：</span>
                <span id="positiveNumber"></span>
            </li>
            <li>
                <span>持票人：</span>
                <span id="ticketPerson"></span>
            </li>
            <li>
                <span>联系人：</span>
                <span id="contacts"></span>
            </li>
            <li>
                <span>联系电话：</span>
                <span id="contactsPhone"></span>
            </li>
            <li>
                <span>创建人：</span>
                <span id="createPerson"></span>
            </li>
            <li>
                <span>创建时间：</span>
                <span id="createTime"></span>
            </li>
        </ul>
        <ul class="fl">
            <li>
                <span>票面金额：</span>
                <span id="positiveMoney"></span>
            </li>
            <li>
                <span>出票日期：</span>
                <span id="startTime"></span>
            </li>
            <li>
                <span>到期日期：</span>
                <span id="endTime"></span>
            </li>
            <li>
                <span>票源地址：</span>
                <span id="positiveAddress"></span>
            </li>
            <li>
                <span>用户：</span>
                <span id="userId"></span>
            </li>
            <li>
                <span>承兑人类型：</span>
                <span id="acceptorType"></span>
            </li>
        </ul>
        <ul class="fl">
            <li>
                <span>持票人：</span>
                <span id="ticketPerson"></span>
            </li>
            <li>
                <span>承兑人：</span>
                <span id="acceptorid"></span>
            </li>
            <li>
                <span>经办人：</span>
                <span id="managers"></span>
            </li>
            <li>
                <span>审核人：</span>
                <span id="auditPerson"></span>
            </li>
            <li>
                <span>修改人：</span>
                <span id="updatePerson"></span>
            </li>
            <li>
                <span>修改时间：</span>
                <span id="updateTime"></span>
            </li>
        </ul>
    </div>
    <div class="audit">
        <input type="button" value="审核不通过">
        <input type="button" value="审核通过">
    </div>
</div>

<script type="text/javascript">
    window.onload = function () {

        //票据状态 状态(0.待交易1.交易中2.交易完成3.交易失败4.已删除)
        var st0 = document.getElementsByClassName('state0');
        for (var i = 0; i < st0.length; i++) {
            if (st0[i].innerHTML == 0) {
                st0[i].innerHTML = "待交易";
            }
            if (st0[i].innerHTML == 1) {
                st0[i].innerHTML = "交易中";
            }
            if (st0[i].innerHTML == 2) {
                st0[i].innerHTML = "交易完成";
            }
            if (st0[i].innerHTML == 3) {
                st0[i].innerHTML = "交易失败";
            }
            if (st0[i].innerHTML == 4) {
                st0[i].innerHTML = "已删除";
            }
        }
    }

        $(function () {
        $(".specifics").click(function () {
            $(".particulars").show()
        })
        $(".particulars .back").click(function () {
            $(".particulars").hide()
        })
    })
</script>
</body>
</html>